
#refund{
    background: #E5E5E5;
    padding-top: 1rem;
    position: relative;
    box-sizing: border-box;
    #order-header{
        height: 1rem;
        text-align: center;
        color: #fff;
        font: .34rem/1rem "PingFang-M";
        background: #49B152;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        img{
            height: .4rem;
            position: absolute;
            left: .4rem;
            top: .3rem;
        }
    }
    .fruit{
        background: #fff;
        padding: .2rem .4rem;
        height: 2.4rem;
        border-bottom: 1px solid #C8C8C8;
        .detail-img{
            float: left;
            height: 2rem;
            width: 2rem;
        }
        .detail{
            float: left;
            width: 4.5rem;
            padding-left: .2rem;
            .title{
                font: .34rem "PingFang-M";
                color: #323232;
            }
            .weight{
                font: .28rem "PingFang-M";
                color: #646464;
            }
            .send{
                margin-top: .1rem;
                height: .3rem;
                img{
                    float: left;
                    height: .3rem;
                    margin-right: .1rem;
                }
            }
            .price{
                font: .34rem "PingFang-M";
                color: #FE555A;
                margin-top: .3rem;
                text-align: right;
            }
        }
    }
    .reason{
        height: 1.4rem;
        font: .3rem/.7rem "PingFang-M";
        color: #323232;
        padding: 0 .4rem;
        margin-top: .2rem;
        background: #fff;
        p{
            height: .7rem;
            span:nth-child(1){
                float: left;
            }
            img{
                float: right;
                height: .3rem;
                margin: .2rem 0 0 .3rem;
            }
            span:nth-child(3){
                float: right;
                color: #969696;
            }
        }
    }
    .refundMoney{
        margin-top: .2rem;
        height: 1rem;
        font: .3rem/1rem "PingFang-M";
        color: #323232;
        background: #fff;
        padding: 0 .4rem;
        input{
            width: 2rem;
            color: #FE555A;
        }
    }
    .max{
        height: .9rem;
        font: .3rem/.9rem "PingFang-M";
        color: #969696;
        padding: 0 .4rem;
    }
    .refundState{
        background: #fff;
        padding: 0 .4rem;
        height: 1rem;
        font: .3rem/1rem "PingFang-M";
        display: flex;
        border-bottom: 1px solid #C8C8C8;
        input{
            margin-left: .2rem;
            flex: 1;
        }
    }
    .img-wrap{
        overflow: hidden;
        
        padding: .2rem 0 .2rem 0;
        background: #fff;
        p{
            font: .3rem/.6rem "PingFang-M";
            color: #323232;
            padding: 0 .4rem;
        }
        .addImg{
            text-align: center;
            border: 1px dashed #C8C8C8;
            float: left;
            img{
                display: block;
                height: .5rem;
                margin: .2rem auto 0;
            }
            span{
                display: block;
                font: .28rem "PingFang-M";
                color: #646464;
                padding: .2rem;
            }
            
        }
    }
    .submit{
        font: .32rem/.8rem "PingFang-M";
        color: #fff;
        width: 6.6rem;
        position: absolute;
        left: .45rem;
        bottom: .45rem;
        background: #49B152;      
        border-radius: .2rem;  
    }
    .reason-wrap{
        width: 100%;
        position: fixed;
        z-index: 100;
        left: 0;
        top: 0;
        background: rgba(0,0,0,.5);
        .bottom{
            position: absolute;
            width: 100%;
            left: 0;
            bottom: 0;
            background: #fff;
            height: 6.2rem;
            p{
                text-align: center;
                height: 1rem;
                font: .3rem/1rem "PingFang-M";
                color: #323232;
                border-bottom: 1px solid #C8C8C8;
            }
            label{
                height: 1.05rem;
                padding: 0 .4rem;
                font: .3rem/1.05rem "PingFang-M";
                color: #323232;
                border-bottom: 1px solid #C8C8C8;
                display: block;
                box-sizing: border-box;
                span{
                    float: left;
                }
                input{
                    float: right;
                    height: .35rem;
                    margin-top: .35rem;
                }
            }
            .off{
                width: 100%;
                height: 1rem;
                background: #FF7916;
                color: #fff;
                display: block;
                font: .32rem/1rem "PingFang-M";
            }
        }
    }
}
@keyframes myfirst
{
    from {height: 0;}
    to {height: 6.2rem;}
}
@keyframes mylast
{
    from {height: 6.2rem;}
    to {height: 0;}
}
